import { Button, Result } from 'antd'
import { useRouter } from '@/routes'

/**
 * 404
 */
export default function NotFound() {
  const router = useRouter()

  function backHome() {
    router.toHomePage()
  }

  return (
    <Result
      status="404"
      title="404"
      subTitle="Sorry, the page you visited does not exist."
      extra={
        <Button type="primary" onClick={backHome}>
          Back Home
        </Button>
      }
    />
  )
}
